<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>国内酒店_随心游</title>
<link type="text/css" rel="stylesheet" href="/resource/css/Default.css" />
<link type="text/css" rel="stylesheet" href="/resource/css/internal-style.css" />
<!-- <link type="text/css" rel="stylesheet" href="/resource/css/myPagination/style.css" /> -->
<link type="text/css" rel="stylesheet" href="/resource/js/myPagination/page.css" />
<link type="text/css" rel="stylesheet" href="/resource/css/autocomplete.css" />
<link type="text/css" rel="stylesheet" href="/resource/css/p_main.css" />
</head>

<body>
<div class="topbar">
	<div class="topbar_wrap">
    	<div class="f_r">
        	<dl class="clear">
            	<dd><a title="登录" href="/login">登录</a><a title="注册" href="/regist">注册</a></dd>
                <dd><a href="/my">我的订单</a><i class="icon-dropdown"></i>|</dd>
                <dd><a href="">联系客服</a><i class="icon-dropdown"></i>|</dd>
                <dd><a href="">收藏本站</a></dd>
            </dl>
        </div>
    </div>
</div>
<div class="header">
	<div class="header-wrap">
        <figure class="Tour-img-logo f_l">
          <a href="https://www.51sxy.cn/" seed="logo" class="ui-logo-Tour">随心游</a>
        </figure>
        <div class="log-nav">
            <ul>
                <li><a href="###">首页</a></li>
                <li class="cur"><a href="###">酒店</a></li>
                <li><a href="###">机票</a></li>
                <li><a href="###">订车</a></li>
                <li><a href="###">签证</a></li>
                <li><a href="###">度假</a></li>
                <li class=""><a href="###">攻略</a></li>
                <li class=""><a href="###">门票</a></li>
            </ul>
            <div class="nav-line" style="width: 44px; left: 393px;"></div>
        </div>
    </div>
</div>

<div class="internal-content">
 <form name="hotel_form" id="hotel_form" method="post" action="/internal">
	<div class="pagenav"></div>
	<div class="itnh-search">
    	<div class="itnh-search-vague">
        	城市<input id='fromcity' name='fromcity' type="text" value="国内城市/缩写" />
            入住时间<input type="text" value="yyyy-mm-dd" />-<input type="text" value="yyyy-mm-dd" />
            酒店名称<input type="text" value="名称品牌" /><input type="button" id="search" value="搜索" />
        </div>
        <div class="itnh-search-option clr">
        	<dl class="itnh-opt-price">
            	<dt>价格</dt>
            	<dd><input type="radio" name="price" />不限</dd>
                <dd><input type="radio" name="price" />￥150以下</dd>
                <dd><input type="radio" name="price" />￥150-300</dd>
                <dd><input type="radio" name="price" />￥301-450</dd>
            </dl>
            <dl class="itnh-opt-fangx">
            	<dt>房型</dt>
                <dd><input type="radio" name="fangx" />双人标准间</dd>
                <dd><input type="radio" name="fangx" />单人人标准间</dd>
                <dd><input type="radio" name="fangx" />豪华大床房</dd>
                <dd><input type="radio" name="fangx" />豪华套房</dd>
            </dl>
            <dl class="itnh-opt-brand clr">
            	<dt>品牌</dt>
                <dd><input type="checkbox" />如家</dd>
                <dd><input type="checkbox" />锦江之星</dd>
                <dd><input type="checkbox" />汉庭</dd>
                <dd><input type="checkbox" />万豪</dd>
                <dd><input type="checkbox" />莫泰</dd>
                <dd><input type="checkbox" />香格里拉</dd>
                <dd><input type="checkbox" />7天</dd>
                <dd>更多品牌</dd>
            </dl>
            <dl class="itnh-opt-mark">
            	<dt>标志性位置</dt>
                <dd><input type="radio" name="mark" />不限</dd>
                <dd><input type="radio" name="mark" />街道口亚贸商圈</dd>
                <dd><input type="radio" name="mark" />汉口商业金融区</dd>
                <dd><input type="radio" name="mark" />中南商业圈(洪...</dd>
                <dd><input type="radio" name="mark" />武汉火车站地区</dd>
                <dd><input type="radio" name="mark" />汉口火车站地区</dd>
                <dd><input type="radio" name="mark" />光谷科技中心</dd>
                <dd>更多地区</dd>
            </dl>
            <dl class="itnh-opt-category">
            	<dt>类别档次</dt>
                <dd><input type="checkbox" />二星级及以下/经济</dd>
                <dd><input type="checkbox" />三星级/舒适</dd>
                <dd><input type="checkbox" />四星级/高档</dd>
                <dd><input type="checkbox" />五星级/豪华</dd>
            </dl>
        </div>
    </div>
    <div class="zhanwei"></div>
    <div class="itnh-info clr">
   
    	<div class="itnh-info-l">
        	<div class="hotel-requirement">
            	<input type="button" value="为您推荐" class="cur" />
                <input type="button" value="评价" />
                <input type="button" value="价格" />
                <input type="button" value="档次" />
                <input type="checkbox" />促销
                <input type="checkbox" />预付
                <input type="checkbox" />礼品卡
            </div>
            
            <div class="itnh-schinfo">
            	<c:forEach items="${hotelList}" var="hotelList">           	
            	<div class="hotel-box">
                	<img src="${hotelList.basichotelinfo.images.DT}" width="147" height="147" class="itnh-hotel-img" />
                	<ul class="clr">
                    	<li class="hotel-info">
                        	<dl class="clr">
                            	<dd class="f_l">
                                	<dl class="hotel-name clr">
                                    	<dt><a target="_self" href="/hotel?hotelcode=${hotelList.basichotelinfo.hotelCode}">${hotelList.basichotelinfo.hotelNameCN}</a></dt>
                                        <dd>${hotelList.basichotelinfo.address}</dd>
                                    </dl>
                                </dd>
                                <dd class="f_l">
                                	<dl class="hotel-appraise clr">
                                    	<dt><span class="col-b">4.0</span>/5分</dt>
                                        <dd>80%用户推荐</dd>
                                        <dd class="col-b">1980房客已评价</dd>
                                    </dl>
                                </dd>
                                <dd class="f_l">
                                	<dl class="hotel-quotedp clr">
                                    	<dt>￥<span class="col-y">${hotelList.basichotelinfo.minrate}</span>起</dt>
                                        <dd>数据更新于：1小时前</dd>
                                        <dd>剩余客房数量：<span class="col-b">48</span>/433</dd>
                                    </dl>
                                </dd>
                            </dl>
                        </li>
                        <li class="hotel-ufixadvance">
                        	<table width="100%">
                            	<thead>
                                	<tr><th>房型</th><th>床型</th><th>早餐</th><th>宽带</th><th>房价(含服务费)</th><th></th></tr>
                                </thead>
                                <tbody>
                                	<c:forEach items="${hotelList.roomtypeinfo}" var="roomList">
                                	<tr><td class="col-b">${roomList.roomtypename}</td><td>${roomList.bedtype }</td><td>单早</td><td class="col-g"><c:if test="${roomList.internet == 'N'}" var="name1">无</c:if><c:if test="${roomList.internet == 'Y'}" var="name1">有</c:if></td><td>￥<span class="col-r">${roomList.rateplan[0].firstdayprice}</span></td>
                                	<td><input type="button" value="预定" onclick="book('${hotelList.basichotelinfo.hotelCode}','${roomList.roomtypecode}')"/></td></tr>
                                    </c:forEach>
                                </tbody>
                            </table>
                            <a href="###" class="more-hotel">展开全部房型（12）</a>
                        </li>
                    </ul>
                </div>
                </c:forEach>
                <div class="hotel-tpage">
                	
                </div>
                <div id="pagination"></div>
            </div>
        </div>
        <input type="hidden" id="currPage" name="currPage" value="${currPage}">

        <div class="itnh-info-r">
        	<div class="itnh-brohis">
            	<h1>我浏览过的酒店</h1>
                <div>
                	<ul>
                    	<li>
                        	<dl class="clr">
                            	<dd><img src="/resource/images/itnh_02.gif" width="56" height="55" /></dd>
                                <dd><p>酒店名称酒店名称酒店名称</p><p>推荐评分：4.5</p></dd>
                            </dl>
                        </li>
                        <li class="bdt-1">
                        	<dl class="clr">
                            	<dd><img src="/resource/images/itnh_02.gif" width="56" height="55" /></dd>
                                <dd><p>酒店名称酒店名称酒店名称</p><p>推荐评分：4.5</p></dd>
                            </dl>
                        </li>
                        <li class="bdt-1">
                        	<dl class="clr">
                            	<dd><img src="/resource/images/itnh_02.gif" width="56" height="55" /></dd>
                                <dd><p>酒店名称酒店名称酒店名称</p><p>推荐评分：4.5</p></dd>
                            </dl>
                        </li>
                        <li class="bdt-1">
                        	<dl class="clr">
                            	<dd><img src="/resource/images/itnh_02.gif" width="56" height="55" /></dd>
                                <dd><p>酒店名称酒店名称酒店名称</p><p>推荐评分：4.5</p></dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="itnh-recommend">
            	<h1>最新优惠推荐</h1>
                <div>
                	<ul>
                    	<li>
                        	<dl class="clr">
                            	<dd><img src="/resource/images/itnh_02.gif" width="56" height="55" /></dd>
                                <dd><p>酒店名称</p><p>推荐评分：4.5</p></dd>
                            </dl>
                        </li>
                        <li class="bdt-1">
                        	<dl class="clr">
                            	<dd><img src="/resource/images/itnh_02.gif" width="56" height="55" /></dd>
                                <dd><p>酒店名称酒店名称酒店名称</p><p>推荐评分：4.5</p></dd>
                            </dl>
                        </li>
                        <li class="bdt-1">
                        	<dl class="clr">
                            	<dd><img src="/resource/images/itnh_02.gif" width="56" height="55" /></dd>
                                <dd><p>酒店名称酒店名称酒店名称</p><p>推荐评分：4.5</p></dd>
                            </dl>
                        </li>
                        <li class="bdt-1">
                        	<dl class="clr">
                            	<dd><img src="/resource/images/itnh_02.gif" width="56" height="55" /></dd>
                                <dd><p>酒店名称酒店名称酒店名称</p><p>推荐评分：4.5</p></dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
  </form>
  <form id="bookHotelForm" action="" method="post">
  	<input type="hidden" name="hotelCode" id="hotelCode">
  	<input type="hidden" name="roomTypeCode" name="roomTypeCode">
  </form>
</div>

<div class="footer">
    <p><a href="javascript:void(0);">关于http://www.51sxy.cn/</a> | <a href="javascript:void(0);">联系我们</a> | <a href="javascript:void(0);">业务合作</a> | <a href="javascript:void(0);">酒店加盟</a> | <a href="javascript:void(0);">媒体报道</a> | <a href="javascript:void(0);">职位招聘</a> | <a href="javascript:void(0);">用户协议</a> | <a href="javascript:void(0);">常见问题</a> | <a href="javascript:void(0);">友情链接</a> | <a href="javascript:void(0);">我要投诉</a> | <a href="javascript:void(0);">About Us</a></p>
    <p>京ICP备05021087号   电信与信息服务业务经营许可证888888号   武汉市江岸区局备案编号:鄂公网安备1234567890</p>
    <p>Copyright 2013 http://www.51sxy.cn Inc. All Rights Reserved.</p>
</div>
<script type="text/javascript" language="javascript" src="/resource/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" language="javascript" src="/resource/js/myPagination/jquery.myPagination6.0.js"></script>
<script type="text/javascript" language="javascript" src='/resource/js/citylist.js'></script>
<script type="text/javascript" language="javascript" src='/resource/js/querycity.js'></script>
<script type="text/javascript" language="javascript" src="/resource/js/dev_pub.js"></script>
<script type="text/javascript">
$(function(){
	$("#pagination").myPagination({
        cssStyle: 'scott',
        currPage: parseInt("${currPage}"),
        pageCount:parseInt('${pageCounts}'),
        pageNumber:parseInt('${pageSize}'),
        click:function(currPage){
        	if(validate()){
	        	$("#currPage").val(currPage);	        	
	        	$("#hotel_form").submit();
	        }
        }
   });
	
	$('#fromcity').querycity({'data':citysFlight,'tabs':labelFromcity,'hotList':hotList});
	
	$("#search").click(function(){
		//$("#hotel_form").attr("action","/internal/queryCity");
		$("#hotel_form").submit();	
	});
});

function validate(){
// 	if($("#fromcity").val()=="中文/拼音/首字母缩写" || $("#fromcity").val()==""){
// 		alert("请选择城市");
// 		return false;
// 	}	
	return true;
}

function book(hotelCode,rootTypeCode){
	$("#bookHotelForm").attr("action","/order/bookInfo");
	$("#hotelCode").val(hotelCode);
	$("#rootTypeCode").val(rootTypeCode);
	$("#bookHotelForm").submit();
	
}
</script>
</body>
</html>
